<i-form :model="this.data" class='app-form' ref='form'  id='contact_quickcreate' style="">
    <input style="display:none;" />
    <row >
            
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.contact.quickcreate_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.fullname.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='fullname' :itemRules="this.rules.fullname" class='' :caption="$t('entities.contact.quickcreate_form.details.fullname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.fullname.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.fullname"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.fullname.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.jobtitle.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='jobtitle' :itemRules="this.rules.jobtitle" class='' :caption="$t('entities.contact.quickcreate_form.details.jobtitle')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.jobtitle.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.jobtitle"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.jobtitle.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.customername.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='customername' :itemRules="this.rules.customername" class='' :caption="$t('entities.contact.quickcreate_form.details.customername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.customername.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.customername.disabled"
  name='customername'
  deMajorField='accountname'
  deKeyField='account'
  :service="service"
  :acParams="{ serviceName: 'AccountService', interfaceName: 'FetchDefault'}"
  valueitem='customerid' 
  :value="data.customername"
  :pickupView="{ viewname: 'account-pickup-view', title: $t('entities.account.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'accounts', parameterName: 'account' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.emailaddress1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='emailaddress1' :itemRules="this.rules.emailaddress1" class='' :caption="$t('entities.contact.quickcreate_form.details.emailaddress1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.emailaddress1.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.emailaddress1"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.emailaddress1.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.telephone1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='telephone1' :itemRules="this.rules.telephone1" class='' :caption="$t('entities.contact.quickcreate_form.details.telephone1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.telephone1.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.telephone1"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.telephone1.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.mobilephone.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='mobilephone' :itemRules="this.rules.mobilephone" class='' :caption="$t('entities.contact.quickcreate_form.details.mobilephone')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.mobilephone.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.mobilephone"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.mobilephone.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.fax.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='fax' :itemRules="this.rules.fax" class='' :caption="$t('entities.contact.quickcreate_form.details.fax')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.fax.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.fax"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.fax.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>